<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    
                    <p:panel header="DATOS DE LA CUENTA BANCARIA" 
                                style="width:60%;margin: 10px auto;" styleClass="print" >

                        <p:panelGrid id="verCuenta" style="width:80%;margin: 10px auto" >
                          <center>
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblNombreBanco" value="BANCO: " styleClass="lblVerN" /> 
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="cbxBanco"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.idBanco.nombre}" styleClass="lblVer" />  
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblMoneda" value="MONEDA: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="cbxTipoMoneda"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.idTipoMoneda.nombre}" styleClass="lblVer" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblCuentaBancaria" value="N&ordm; CUENTA BANCARIA: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="txtCuentaBancaria"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.numeroCuenta}" styleClass="lblVer" />
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblCuentaInterBancaria" value="N&ordm; CUENTA INTERBANCARIA: "  styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="txtCuentaInterBancaria"   value="#{BKCuentaBancaria.cuentaBancariaFormulario.numeroCuentaInterbancaria}" styleClass="lblVer" />
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblTipoCuenta" value="TIPO DE CUENTA: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="cbxTipoCuenta"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.tipoCuenta}" styleClass="lblVer" />
                                </p:column>
                            </p:row>                           
                                                    
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblFechaInicio" value="FECHA INICIO: " styleClass="lblVerN" />
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="calendarFechaInicio"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.fechaAfiliacion}" styleClass="lblVer" >
                                      <f:convertDateTime pattern="dd/MM/yyyy" />
                                  </h:outputLabel>
                                </p:column>
                            </p:row>


                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblMontoActual" value="MONTO APERTURA: " styleClass="lblVerN"/>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="txtMontoActual"  value="#{BKCuentaBancaria.cuentaBancariaFormulario.montoActual}" styleClass="lblVer" >
                                      <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  groupingUsed="true"/>
                                    </h:outputLabel> 
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column style="width:260px">
                                  <h:outputLabel id="lblDescripcion" value="DESCRIPCION: "  styleClass="lblVerN" /> 
                                </p:column>
                                <p:column>
                                  <h:outputLabel id="inTxtAreaDescripcionCuenta" value="#{BKCuentaBancaria.cuentaBancariaFormulario.descripcion}" styleClass="lblVer" />
                                </p:column>
                            </p:row>                                                  
                          </center>  
                        </p:panelGrid>


                        <h:panelGrid cellpadding="10" style="width:auto;margin: 10px auto;" columns="2">
                            <p:commandButton action="#{MBCuentaBancaria.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                            <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                <p:printer target="verCuenta" />    
                            </p:commandButton >
                        </h:panelGrid>

                    </p:panel>	
                </h:form>
            </f:view>
        </ui:define>

    </ui:composition>
</html>